<template>
  <div>
    <el-page-header @back="back()" content="活动列表页面" style="margin-bottom: 10px;"/>
    <el-table
    :data="activityList"
    border
    style="width: 100%">
    <el-table-column
      prop="id"
      label="活动编号">
    </el-table-column>
    <el-table-column
      prop="start"
      label="开始时间">
    </el-table-column>
    <el-table-column
      prop="end"
      label="结束时间">
    </el-table-column>
    <el-table-column
      prop="targetgroup"
      label="目标VIP">
    </el-table-column>
    </el-table>
  </div>
</template>

<script>
import {getActivityList} from "../../../services/activityService";

export default {
  name: "ActivityList",
  data(){
    return {
      activityList:[],
    }
  },
  mounted() {
    getActivityList().then(resp=>{
      this.activityList=resp;
    })
  },
  methods:{
    back(){
      this.$router.back();
    },
  }
}
</script>

<style scoped>

</style>
